import React from 'react';
import Link from 'next/link';
import { createGlobalStyle,ThemeProvider  } from 'styled-components'

const GlobalStyle = createGlobalStyle`
  body {
    color: ${props => (props.pinkColor ? 'pink' : 'black')};
    font-family: ${props => props.theme.fontFamily};
  }
`


export default () => (
  <ThemeProvider theme={{ fontFamily: 'Helvetica Neue' }}>
    <React.Fragment>
      <div>hello world</div>
      <GlobalStyle pinkColor />
    </React.Fragment>
  </ThemeProvider>
);
